<script setup lang="ts">
import type { PackageInfo, RuleInfo } from '@eslint-stylistic/metadata'

defineProps<{
  rule: RuleInfo
  package: PackageInfo
}>()
</script>

<template>
  <tr>
    <td>
      <a :href="`/rules/${rule.name}`" class="decoration-none!">
        <code ws-nowrap>
          {{ rule.name }}
        </code>
      </a>
    </td>
    <td>{{ rule.meta?.docs?.description }}</td>
    <td :title="rule.meta?.docs?.recommended ? 'This rule is included in the shared configuration' : ''">
      {{ rule.meta?.docs?.recommended ? '💼' : '' }}
    </td>
    <td :title="rule.meta?.fixable ? 'This rule has an auto-fix' : ''">
      {{ rule.meta?.fixable ? '🔧' : '' }}
    </td>
    <td :title="rule.meta?.docs?.experimental ? 'This rule is experimental' : ''">
      {{ rule.meta?.docs?.experimental ? '🧪' : '' }}
    </td>
  </tr>
</template>
